<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>网页菜单</title>
	</head>
	<style>
		ul{
			list-style: none;	/*去掉每个li前面得.*/
		}
		li{
			float: left;/*li不换行，紧跟在后面*/
			margin-right: 8px;/*外右侧空白*/
			padding: 5px 10px 5px 10px;
			background-color: aqua;
			color:white;/*字体颜色*/
			border-radius: 10px;
			
		}
		li:hover{/*鼠标移入*/
			background-color: #FFD700;
		}
		a{
			text-decoration: none;/*取消下划线*/
			color: white;
		}
	</style>
	<body>
		<h3>使用ul和标签来实现，通过样式修饰来实现</h3>
		<h5>a标签实现超链接</h5>
		<ul>
			<li><a href="https://www.w3school.com.cn/" target="_blank">W3CShool</a></li>
			<li><a href="https://www.runoob.com/" target="_blank" >菜鸟教程</a></li>
			<li><a href="https://www.csdn.net/" target="_blank">CSDN</a></li>
			<li><a href="https://segmentfalut.com" target="_blank">思否</a></li>
			<li><a href="http://www.tmooc.cn/" target="_blank">JAVA培优</a></li>
		</ul>
		
	</body>
</html>
